.header {
    .header-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .header-l {
            width: 95px;
            height: 44px;
        }

        .header-m {
            height: 50px;
            margin-right: 10%;
            font-size: 36px;
            color: #333333;
            letter-spacing: 0;
            font-weight: 500;
        }
    }

    
}
.bottom{
    position: absolute;
    bottom: 0;
    text-align: start;
    #container {
        width: 750px;
        height: 380px;
       
    }
}
.notice{
    height: 600px;
    overflow: auto;
    .noticeList {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        // height: 400px;
        
        li:last-child{
            border-bottom: 1px solid rgba(151, 151, 151, .15);
            
        }
        .notice-item {
            width: 95%;
            height: 107px;
            display: flex;
            justify-content: space-between;
            align-items: center;
           
            border-top: 1px solid rgba(151, 151, 151, .15);
    
            .txt-l {
                margin-left: 52px;
            }
    
            .txt-r {
                margin-right: 34px;
            }
        }
    }
}

